<!--
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
-->
<div #parent style="position: absolute; height: 100%; width: 100%; margin: 10px 0px 10px 0px; ">
    <div [style.margin-right.px]="_clipped ? 30 : 0" [style.width]="_clipped ? 94 + '%' : '100%'" style="overflow: hidden">
        <span #child style="white-space : nowrap; width: fit-content">
            <ng-template ngFor let-item [ngForOf]="properties">
                <span style="margin-left: 10px; display: inline-block;">
                    <div style="font-size: 11px; font-weight: lighter">{{item.displayName}}</div>
                    <div>{{item.value}}</div>
                </span>
            </ng-template>
        </span>
    </div>
    <span *ngIf="_clipped" style="position: absolute; right: 0; top: 0; padding-top: 5px; padding-right: 14px; z-index: 2">
        ...
    </span>
</div>
